<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="favicon.ico" />
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="__CSS__/goods_details.css"/>
    <script src="__JS__/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="__JS__/global.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
{include file='/header1'}
<!--商品分类结束-->
<script>
    $(function(){
        var active_li = '';
        if(active_li){
            $('li').remove('curr-res');
            $('#'+active_li).addClass('curr-res');
        }
    })
</script>
<!--------头部结束-------------->
<!-----------------------------商品详情开始---------------->
<script src="__JS__/layer.js"></script>
<style>
    .join-a-shopping-cart {
        position: absolute;
        bottom: 12px;
    }
</style>
<div class="layout" style="margin-top: 20px;">
    <div class="layout pa-to-10">
        <!--商品图片-->
        <div class="left-area">
            <div class="left-area-tb">
                <div class="pro-gallery-img">
                    <div class=""> <img id="zoomimg" src="__ROOT__/images/{$details.goods_id}/1.jpg"  width="480px" height="480px" alt=""></div>
                </div>
            </div>
        </div>
        <!--商品图片 end-->
        <div class="right-area-num">
            <div class="right-area">
                <div class="right-area-le30">
                    <h1>{$details.goods_name}</h1>
                </div>
            </div>
            <div class="right-area ma-to--1">
                <div class="right-area-le30 pa-3-0-0-30">
                    <div class="pro-promotions-area">
                        <table class="promotions-tab" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr>
                                <td width="60px" align="right">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</td>
                                <td>
                                    <p class="co-red fo-si-24 ma-le-6">
                                        ￥<span class="co-red fo-si-24" id="goods_price">{$details.market_price}</span>
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td width="60px" align="right">编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</td>
                                <td>
                                    <p class=" ma-le-6">{$details.goods_sn}</p>
                                </td>
                            </tr>
                            <tr>
                                <td width="60px" align="right">服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</td>
                                <td><p class="ma-le-6">由Sugoushop商城负责发货，并提供售后服务</p></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <form name="buy_goods_form" method="post" id="buy_goods_form" action="handle/cart_add.php">
                <input type="hidden" name="goodsid" id="goodsid" value="{$details.goods_id}" />
                <input type="hidden" name="userid" id="" value="" />
                <input type="hidden" name="goods_name" id="goods_name" value="{$details.goods_name}" />
                <input type="hidden" name="market_price" id="market_price" value="{$details.market_price}" />

                <div class="right-area he315 ma-to--1" style="height: 246px;">
                    <div class="right-area-le30 pa-3-0-0-30" style="padding:0 0 0 30px">
                        <div class="join-a-shopping-cart fl" id="join_cart_now" style="margin-left: 222px;">
                            <button name="ok" style="background-color: red;color: white;width: 160px;height: 60px;font-size: 20px;">立即购买</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="layout ma-to-20 ov-hi">
    <div class="wi940 ov-hi fr">
        <div class="comm-param">
            <div class="parame-title">
                <div class="par-titles co-grey">
                    <ul class="commodity-xq tab_li">
                        <li class="current cliks" onclick="switch_tab(this,&#39;tab1&#39;)">
                            <a>商品详情</a>
                        </li>
                        <li class="cliks" onclick="switch_tab(this,&#39;tab3&#39;)">
                            <a>规格参数</a>
                        </li>
                        <li class="cliks" onclick="switch_tab(this,&#39;tab4&#39;)">
                            <a>售后服务</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-------------------商品详情------------------>
            <div class="parame-bott cliks-bn" style="display:" id="tab1">
                <div class="commodity-num pro-feature-area">
                    <div class="pro-disclaimer-area ma-to-20">
                        <p><img src="__ROOT__/images/{$details.goods_id}/2.jpg" style="float:none;" ></p><p><img src="__ROOT__/images/{$details.goods_id}/3.jpg" style="float:none;"></p><br></p></div>
                </div>
            </div>
            <!-------------------规格参数------------------>
            <div class="parame-bott cliks-bn" style="display:none" id="tab3">
                <div class="commodity-num pro-feature-area wi850">
                    <table class="modity-zhut" width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tbody><tr>
                            <th colspan="2"><h3>商品属性</h3></th>
                        </tr>
                        <tr>
                            <td class="wi143">网络制式</td>
                            <td class="pa-5-0">{$details.keywords1}</td>
                        </tr>
                        <tr>
                            <td class="wi143">内存容量</td>
                            <td class="pa-5-0">{$details.keywords2}</td>
                        </tr>
                        <tr>
                            <td class="wi143">操作系统</td>
                            <td class="pa-5-0">{$details.keywords3}</td>
                        </tr>
                        <tr>
                            <td class="wi143">摄像头</td>
                            <td class="pa-5-0">{$details.keywords4}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-------------------售后服务------------------>
            <div class="parame-bott cliks-bn" style="display:none" id="tab4">
                <div class="commodity-num pro-feature-area wi850 padding36-0-36-0">
                    <p>本产品全国联保，享受三包服务，质保期为：全国联保一年<br>
                        &nbsp; &nbsp; &nbsp; &nbsp; 如因质量问题享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</p>                </div>
            </div>


        </div>
    </div>
</div>
</div>
</div>

<script>

    /**
     * 切换 商品详情  用户评价  规格参数  包装清单  售后服务
     */
    function switch_tab(cur,tab)
    {
        $("#tab1,#tab2,#tab3,#tab4").hide(); // 先全部隐藏
        $("#"+tab).show();	// 再显示其中一个
        $("ul.tab_li li").removeClass("current"); // 先全部样式去除
        $(cur).addClass("current"); //  单独的给当前点击这个加上
    }

</script>

<!-----------------------------商品详情结束---------------->


<!--------footer-开始-------------->
{include file='/footer'}
<!--------footer-结束-------------->




</body>
</html>
